<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>css8复合选择器</title>
    
    <style>
        /* 同为class时，后来者居上，后面会覆盖前面 */
        .rich{
            color: gold;
        }
        .star{
            color: red;
        }
        /* 复合选择器，既是p标签也是star类 ，不能写多个标签*/
        p.star{
            color: blue;
        }
    /* 可以写多个class值 */
        .star.rich{
        color: aqua;
    }
    h2.star{
        color: black;
    }

    </style>

</head>
<body>
    <h2 class="rich">土豪张三</h2>
    <h2 class="star">明星李四</h2>
    <h2 class="star rich">明星李四</h2>
    
    <br>
    <p class="star">小狗</p>
    <p class="star">小猪</p>


</body>
</html>